Select · Bootstrap v5 中文文档 v5.3 |
您所在的位置：网站首页 › bootstrap5 表单 › Select · Bootstrap v5 中文文档 v5.3 |
|
View on GitHub
Select
Customize the native s with custom CSS that changes the element’s initial appearance. On this page DefaultCustom menus need only a custom class, .form-select to trigger the custom styles. Custom styles are limited to the ’s initial appearance and cannot modify the s due to browser limitations. html Open this select menu One Two Three SizingYou may also choose from small and large custom selects to match our similarly sized text inputs. html Open this select menu One Two Three Open this select menu One Two ThreeThe multiple attribute is also supported: html Open this select menu One Two ThreeAs is the size attribute: html Open this select menu One Two Three DisabledAdd the disabled boolean attribute on a select to give it a grayed out appearance and remove pointer events. html Open this select menu One Two Three Sass Variables $form-select-padding-y: $input-padding-y; $form-select-padding-x: $input-padding-x; $form-select-font-family: $input-font-family; $form-select-font-size: $input-font-size; $form-select-indicator-padding: $form-select-padding-x * 3; // Extra padding for background-image $form-select-font-weight: $input-font-weight; $form-select-line-height: $input-line-height; $form-select-color: $input-color; $form-select-bg: $input-bg; $form-select-disabled-color: null; $form-select-disabled-bg: $input-disabled-bg; $form-select-disabled-border-color: $input-disabled-border-color; $form-select-bg-position: right $form-select-padding-x center; $form-select-bg-size: 16px 12px; // In pixels because image dimensions $form-select-indicator-color: $gray-800; $form-select-indicator: url("data:image/svg+xml,"); $form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding; $form-select-feedback-icon-position: center right $form-select-indicator-padding; $form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half; $form-select-border-width: $input-border-width; $form-select-border-color: $input-border-color; $form-select-border-radius: $input-border-radius; $form-select-box-shadow: $box-shadow-inset; $form-select-focus-border-color: $input-focus-border-color; $form-select-focus-width: $input-focus-width; $form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color; $form-select-padding-y-sm: $input-padding-y-sm; $form-select-padding-x-sm: $input-padding-x-sm; $form-select-font-size-sm: $input-font-size-sm; $form-select-border-radius-sm: $input-border-radius-sm; $form-select-padding-y-lg: $input-padding-y-lg; $form-select-padding-x-lg: $input-padding-x-lg; $form-select-font-size-lg: $input-font-size-lg; $form-select-border-radius-lg: $input-border-radius-lg; $form-select-transition: $input-transition; |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |